<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>contact us</title>
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/index.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/util.js"></script>
    <style>
        html,body{
            width: 100%;
            height: 100%;
        }
        .title{
            text-align: center;
            margin-bottom: 10px;
        }
        .main{
            width: 100%;
            height: 100%;
            background-color: #EFEFEF;
            padding: 0px
        }
        .mainbody img{
            max-width: 100%;
        }
        /* 电脑适配 */
        @media screen and (min-width: 1000px) {
            .topbg{
                width: 600px;
            }
        }
    </style>
</head>
<body>
<div class="container-fluid topbg">
    <div style="display: flex;justify-content: flex-start;float: left;margin-left: 8px">
        <img src="img/fanhui.png" style="width: 20px;height: 20px" onclick="fanhui()">
    </div>
</div>
<div class="container main">
    <h3 class="title">联系我们</h3>
    <div class="mainbody"></div>
</div>
</body>
<script>
    function fanhui(){
        window.history.go(-1); //返回上一页
    }
    $(function () {
        let width = $(window).width();
        if(width>1000) {
            $(".container").width('600px');
        }
        let host = getRootPath();
        //查询关于的图片
        $.ajax({
            url:`${host}/guanyu/getGuanyu2`,
            type:"get",
            success: (res) => {
                if(res.code==200)
                {
                    let img = '<img src="'+res.data.picture+'" >';
                    $(".mainbody").append(img);
                }
            }
        })
    })
</script>
</html>